Dreamweaver Tutorial Part 7

External Style Sheets

This part uses an external style sheet. Its file name is 'style.css'. Open it now in Dreamweaver or in your browser. The style sheet and the example CSC225 syllabus are identical to the one in the file 'inheritance.html', which uses an embedded style sheet.


Syllabus for CSC225:

Go to the CSI web site


/* Comments in an external style sheet are enclosed like this line, identical to comments in C++ */

The external style sheet is linked to the XHTML document which uses it by means of the link element. Its rel attribute specifies the relationship between the two documents, in this case "stylesheet", the type attribute has the same value as before, namely "text/css", and the href attribute contains the file name of the style sheet. If it is a different folder from the XHTML document, the path name must be specified.

Enhancing the Appearance of Web Pages

The use of CSS facilitates determining the position of sections of documents. The easiest way to demonstrate this is to go to the page Absolute Position